* {
  box-sizing: border-box;
}
html,
body {
  height: 100vh;
  font-size: 10px;
  padding: 0;
  margin: 0;
  min-height: 100%;
  color: #fff;
  background: #071824;
  // background: linear-gradient(180deg, #0c2b4f 0%, #164b89 50%, #0c2b4f 100%);
  font-family: 'Microsoft Yahei';
  --max-width: 1920px;
  --max-height: 1080px;
}
#app{
  height: 100%;
}
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.mt10 {
  margin-top: 1rem;
}
.mt20 {
  margin-top: 2rem;
}
.mt40 {
  margin-top: 4rem;
}
@font-face {
  // font-family: 'HuXiaoBoNanShenTi';
  // src: url('./HuXiaoBoNanShenTi-2.otf');
}
.el-tag.el-tag--info {
  background-color: #09334e;
  border-color: #1c80c3;
}
#app-wrapper {
  width: var(--max-width);
  height: var(--max-height);
  margin: 0 auto;
  position: relative;
}
.tech-font {
  // font-family: 'HuXiaoBoNanShenTi';
  font-family: 'Microsoft Yahei';
}
.app-wrapper {
  font-size: 1.4rem;
}
.layout {
  height: 100%;
}
.page-wrapper {
  width: 100%;
  position: relative;
  height: 100%;
}
.body {
  height: 100%;
}
.block-title {
  --height: 2.4rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  height: var(--height);
  line-height: var(--height);
  .block-title-main {
    padding-left: 1.5rem;
    position: relative;
    font-size: 1.8rem;
    font-weight: bold;
    color: #fff;
    &::before {
      content: '';
      display: block;
      position: absolute;
      width: 4px;
      height: 16px;
      left: 0;
      top: 0.5rem;
      background: #73fdff;
      box-shadow: 0px 0px 4px #73bcff;
    }
  }
  .block-title-sub {
    font-size: 1.2rem;
    color: #fff;
    line-height: 1em;
  }
}
.section-corner {
  position: relative;
  height: 100%;
  box-shadow: inset 0px 0px 10px #00d6dc99;
  .section-corner-top {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-between;
    z-index: 10;
    // &::before {
    //   content: '';
    //   width: 1.2rem;
    //   height: 1.2rem;
    //   background: url(@/assets/corner-top-left.png) center no-repeat;
    //   background-size: contain;
    // }
    // &::after {
    //   content: '';
    //   width: 1.2rem;
    //   height: 1.2rem;
    //   background: url(@/assets/corner-top-right.png) center no-repeat;
    //   background-size: contain;
    // }
  }
  .section-corner-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-between;
    z-index: 10;
    // &::before {
    //   content: '';
    //   width: 1.2rem;
    //   height: 1.2rem;
    //   background: url(@/assets/corner-bottom-left.png) center no-repeat;
    //   background-size: contain;
    // }
    // &::after {
    //   content: '';
    //   width: 1rem;
    //   height: 1rem;
    //   background: url(@/assets/corner-bottom-right.png) center no-repeat;
    //   background-size: contain;
    // }
  }
  .section-corner-inner {
    height: 100%;
  }
}
